@charset "utf-8";body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 "Segoe UI", tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
td {color: #666;padding: 5px;font-family: 宋体;font-size: 12px;}
.btn{background:#0079C2; color:#fff; display:inline-block; padding:3px 5px; border-radius:3px;}
.btn:hover{text-decoration:none; background:#009be2; color:#fff;}

.breadcrumb{width:1000px; margin:0 auto; overflow:hidden; font-size:14px;}
.breadcrumb span,
.breadcrumb i{font-style:normal;}
.breadcrumb i{color:#009BE2;}
.breadcrumb span{margin:0 3px;}
/* clear float */.clearfix:after {clear: both;content: '.';display: block;font-size: 0;height: 1;visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
/* global */body {font-family: Arial;font-size: 13px;}
body, td, th, input, select, textarea {color: #555;font-family: Arial, Helvetica, sans-serif;}
a {color: #666;text-decoration: none;}
a:hover {color: #f30;text-decoration: underline;}
.clear {clear: both;display: block;height: 10px;width: 100%;}
.tips {color: #aaa;padding-left: 5px;}
/* layout */.toolbar-warp {width: 100%;height: 35px;background: #009be2;color: #fff;border-bottom: 1px solid #007bb4;}
.toolbar-warp .toolbar {width: 1000px;margin: 0 auto;height: 35px;line-height: 35px;overflow: hidden;}
.toolbar-warp .toolbar a {color: #fff;}
.toolbar-warp .toolbar-left {width: 600px;height: 35px;float: left;}
.toolbar-warp .toolbar-left span {color: #FC8902;padding: 0 5px;font-size: 16px;font-weight: bold;}
.toolbar-warp .toolbar-right {width: 380px;height: 35px;float: right;text-align: right;}
.wrapper {margin: 0 auto;width: 1000px;}
.header {width: 1000px;margin: 0 auto;}
/* logo */.logo {display: block;float: left;height: 100px;width: 230px;}
.header-ad {padding-left: 10px;width: 250px;padding-top: 20px;overflow: hidden;float: left;}
/* navbar */.navbar-wrapper {width: 100%;height: 48px;background: url(../images/nav-bg.gif) repeat-x left center;border-bottom: 1px solid #007bb4;}
.navbar {width: 1000px;margin: 0 auto;display: block;height: 48px;}
.navbar li {float: left;height: 48px;text-align: center;}
.navbar li a {color: #000;height: 48px;line-height: 42px;display: block;font-family: 'Microsoft Yahei';font-size: 16px;text-decoration: none;padding: 0 25px;}
.navbar li a:hover, .navbar li a.active {background: #009BE2;color: #fff;}
/* sobox */.sobox {float: right;padding-top: 20px;}
.sofrm {display: block;padding-top: 14px;position: relative;width: 380px;}
.sipt {background: url(../images/ipt.png) no-repeat top left;border: solid 1px #009be2;display: block;font: normal 13px/30px normal;float: left;height: 30px;padding: 0 5px 0 5px;width: 298px;}
.sbtn {background: #009be2;border: 0;color: #fff;cursor: pointer;font: bold 14px normal;height: 32px;width: 70px;}
/* selopt */#selopt {background: url(../images/select.gif) no-repeat;height: 30px;width: 90px;position: absolute;left: 2px;top: 17px;}
#cursel {cursor: pointer;display: block;height: 28px;line-height: 28px;overflow: hidden;text-indent: 6px;width: 90px;}
#options {border: solid 1px #009be2;border-top: 0;display: none;list-style: none;position: absolute;left: -2px;width: 80px;z-index: 1000;}
#options li {background: #fff;clear: both;cursor: pointer;}
#options li a {color: #555;display: block;height: 25px;line-height: 25px;text-decoration: none;text-align: center;}
#options li a:hover {background: #009be2;color: #fff;display: block;text-decoration: none;}
.current {background: #009be2;color: #fff;display: block;text-decoration: none;}
/* homebox */.homebox {}
.homebox-left {float: left;width: 250px;}
.homebox-right {float: right;width: 740px;}
/* hcatebox */.hcatebox {background: #FCFCFC;border: solid 1px #E6E6E6;overflow: hidden;}
.hcatebox dt {clear: both;display: block;background: #F7F7F7;font: bold 14px normal;padding: 8px;}
.hcatebox dt a {color: #009be2;}
.hcatebox dd {padding:8.5px 8px; overflow:hidden;}
.hcatelist {}
.hcatelist li {float: left;padding: 5px;width:48px; text-align:center;}
.hcatelist li a {font-size: 13px;}
/* news */.news {}
.news .news-left {float: left;width: 363px;border: 1px solid #E6E6E6;}
.news .news-right {float: right;width: 363px;overflow: hidden;border: 1px solid #E6E6E6;}
.news h2 {background: #F7F7F7;border-bottom: solid 1px #EAEAEA;color: #009be2;font-size: 14px;padding: 6px;}
.news h2 a {float: right;font-size: 12px;font-weight: normal;}
.news-list {overflow: hidden;}
.news-list li {height: 35px;line-height: 35px;padding: 0 10px;border-bottom: 1px solid #EAEAEA;}
.news-list li.last {border-bottom: none;}
.news-list li a {display: block;width:560px; height: 35px;line-height: 35px; float:left; overflow:hidden; text-wrap:normal; white-space:nowrap;  text-overflow:ellipsis; background: url(../images/ml_2.gif) no-repeat left center;padding-left: 10px;}
.news-list li a:hover {background: url(../images/ml_1.gif) no-repeat left center;color: #f60;}
.news-list li span{float:right; color:#d9d9d9;}
/* inbox *//*#inbox {background: #F7F7F7; border: solid 1px #E6E6E6; padding: 5px 8px;}
#inbox h2 {color: #009be2; float: left; height: 23px; line-height: 23px; width: 140px;}
*/.inlist {padding: 5px;}
.inlist li {height: 77px;padding: 8px 0;overflow: hidden;white-space: nowrap;border-bottom: solid 1px #EAEAEA;}
.inlist li.last {border-bottom: none;}
.inlist li div {width: 121px;height: 75px;overflow: hidden;border: 1px solid #E8E8E8;float: left;}
.inlist li img {width: 121px;height: 75px;}
.inlist li p {margin-left: 130px;line-height: 2em;overflow: hidden;}
.inlist li p a {font-size: 18px;}
.inlist li p span {display: inline-block;padding-right: 20px;color: #009be2;background: url(../images/visit.png) no-repeat right center;}
/* famebox */
.famebox {border: solid 1px #E6E6E6;}
.famebox h2 {background: #F7F7F7;border-bottom: solid 1px #EAEAEA;color: #009be2;font-size: 14px;padding: 6px;}
.theme-buy{padding:10px; line-height:1.8em;}
.fame_on {background: #fff;border: solid 1px #009be2;border-bottom: 0;color: #009be2;}
.fame_off {color: #555;}
.famelist {padding: 8px;}
.famelist li {display: inline; overflow:hidden; float: left;height: 120px;line-height: 16px;margin: 3px 9px;text-align: center;width: 125px;}
.famelist li img {background: #fff;border: solid 1px #e8e8e8; width:123px; height:98px;}
.famelist li a {font-size: 13px;}
/* coolbox */.coolbox {border: solid 1px #E6E6E6;}
.coolbox h2 {background: #F7F7F7;border-bottom: solid 1px #EAEAEA;color: #009be2;font-size: 14px;padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block;font-size: 14px;height: 30px;overflow: hidden;vertical-align: top;width: 100%;}
.csitelist li.c {display: block;height: 15px;background: url(../images/line.gif) repeat-x left center;overflow: hidden;clear: both;width: 100%;}
.csitelist li strong {display: block;float: left;font: bold 13px normal;height: 30px;line-height: 30px;width: 70px;}
.csitelist li strong a {color: #009be2;}
.csitelist li span {display: block;float: left;height: 30px;line-height: 30px;margin-right: 20px;overflow: hidden;white-space: nowrap;width: 90px;}
.csitelist li span a {font-size: 13px;}
.csitelist li .title i{font-style:normal; color:#f00;}
.csitelist .more {color: #009be2;float: right;font-size: 12px;line-height: 30px;}
/* linkbox */.linkbox {background: #F7F7F7;border: solid 1px #E6E6E6;padding: 5px 8px;}
.linkbox h2 {float: left;height: 23px;line-height: 23px;width: 60px;}
.linklist {}
.linklist li {float: left;height: 23px;line-height: 23px;margin-right: 20px;vertical-align: top;white-space: nowrap;}
/* sitepath */.sitepath {padding: 10px 0;}
/* scatebox */.scatebox {background: #F7F7F7;border: solid 1px #E6E6E6;padding: 5px 10px;}
.scatebox .t {font-weight: bold;display: block;clear: both;font-size: 18px;padding: 5px 0;color: #009BE2;}
.scatebox h2 {float: left;font-weight: bold;width: 70px;}
.scatelist {display: block;float: left;}
.scatelist li {float: left;height: 25px;line-height: 25px;width: 76px;}
.scatelist li strong {color: #f60;}
/* bestbox */.bestbox {border: solid 1px #E6E6E6;}
.bestbox h2 {background: #F7F7F7;border-bottom: solid 1px #E6E6E6;color: #009be2;font-size: 14px;padding: 6px;}
.bestlist {padding: 5px;}
.bestlist li {height: 57px;padding: 8px 0;overflow: hidden;white-space: nowrap;border-bottom: solid 1px #EAEAEA;}
.bestlist li.last {border-bottom: none;}
.bestlist li div {width: 90px;height: 55px;overflow: hidden;border: 1px solid #E8E8E8;float: left;}
.bestlist li img {width: 90px;height: 55px;}
.bestlist li p {margin-left: 100px;line-height: 2em;overflow: hidden;}
.bestlist li p a {font-size: 16px;}
.bestlist li p span {display: inline-block;padding-right: 20px;color: #009be2;background: url(../images/visit.png) no-repeat right center;}
/* hotbox */.hotbox {border: solid 1px #E6E6E6;}
.hotbox h2 {background: #F7F7F7;border-bottom: solid 1px #E6E6E6;color: #009be2;font-size: 14px;padding: 6px;}
.hotlist {padding: 5px; overflow:hidden;}
.hotlist li { width:100%; overflow:hidden; height:35px; line-height:35px;}
.hotlist li a{display:inline-block; width:195px; float:left;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotlist li span {color: #f60; font: normal 14px Arial;}
.hotlist li em {color: #aaa;float: right;}
/* mainbox */.mainbox {}
.mainbox-left {float: left;width: 740px;}
.mainbox-right {float: right;width: 250px;}
/* timelink */.timelink {float: right;}
.timelink a {color: #009be2;font-size: 12px;font-weight: normal;margin: 0 5px;}
a.timelink_bg {background: #009be2;color: #fff;padding: 3px;}
/* arcbox */.arcbox {background: #FCFCFC;border: solid 1px #E6E6E6;padding: 10px;}
.arcbox h2 {color: #009be2;font-size: 14px;padding-bottom: 10px;}
.arclist {}
.arclist li {}
.arclist li h2 {color: #009be2;}
.arclist li p {line-height: 23px;padding: 3px 0;}
.arclist li a {color: #555;padding: 0 7px;text-decoration: none;}
/* listbox */.listbox {border: solid 1px #E6E6E6;}
.listbox h1, .listbox h2 {background: #F7F7F7;border-bottom: solid 1px #EAEAEA;color: #009be2;font-size: 14px;padding: 6px;}
.sitelist {padding: 0 15px; }
.sitelist li {border-bottom: solid 1px #dadada;display: block;height: 90px;padding: 15px 0;}
.sitelist li .title i{font-style:normal; color:#f00;}
.sitelist li .title{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-wrap:normal; text-overflow:ellipsis;}
.thumb {background: #fff;border: solid 1px #e8e8e8;float: left;width: 120px;}
.info {float: right;width: 575px;}
.title {color: #009be2;font-size: 14px;font-weight: bold;}
.intro {height: 50px;line-height: 25px;overflow: hidden;}
.attr {color: #999;}
.url {color: #009be2;}
.gre {color: #009be2;}
.visit {background: url(../images/visit.png) no-repeat right;color: #009be2;font: normal 12px Arial;padding-right: 18px;}
/* showpage */.showpage {display: block;font-size: 12px;text-align: left;padding: 10px;}
.total_page, .jump_page {background: #009be2;border: solid 1px #009be2;color: #fff;display: block;float: left;margin-right: 5px;padding: 3px 6px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff;border: 1px solid #009be2;color: #009be2;display: block;float: left;margin-right: 5px;padding: 3px 6px;text-decoration: none;}
.current {background: #009be2;color: #fff;display: block;float: left;margin-right: 5px;padding: 4px 7px;}
/* sitebox */.sitebox {background: #fff;border: solid 1px #e8e8e8;border-top: solid 2px #009be2;padding: 15px 0;}
.wtitle {color: #f60;font: bold 24px Arial;padding-left: 15px;padding-bottom: 15px;}
.wtitle a {color: #f00;text-decoration: none;}
.wtitle font {font: normal 12px normal;}
.wdata {background: #fcfcfc;border-top: dotted 1px #dadada;border-bottom: dotted 1px #dadada;height: 40px;list-style: none;padding: 5px;}
.wdata li {color: #9177aa;display: block;float: left;text-align: center;width: 80px;}
.wdata li em {display: block;font-size: 13px;padding-top: 3px;color: #009be2;}
.line {border-right: solid 1px #ddd;}
#retips {display: block;height: 13px;margin-top: 10px;}
#retips a {font-size: 12px;text-decoration: underline;}
.wthumb {background: #f9f9f9;border: solid 1px #dadada;padding: 10px;}
.siteinfo {padding: 15px;}
.siteinfo li {padding-bottom: 8px;}
.siteinfo li strong {width: 70px;}
.siteinfo li a {color: #009be2;}
.infoad {background: #fff;border: solid 1px #e8e8e8;margin-top: 15px;padding: 10px;text-align: center;}
/* article */.articlebox {background: #fff;border: solid 1px #e8e8e8;border-top: solid 2px #009be2;padding: 15px 0;}
.articlebox .content {padding: 10px;line-height: 1.6em;}
.articlebox .content p {margin-bottom: 25px;text-indent: 32px;}
.articlebox .content a {color: #f60;text-decoration: underline;}
.articlebox .rellist {overflow: hidden;}
.articlebox .rellist li {height: 35px;line-height: 35px;width: 48%;float: left;overflow: hidden;border-bottom: 1px solid #EAEAEA;text-align: left;margin: 0 1%;}
.articlebox .rellist li.last {border-bottom: none;}
.articlebox .rellist li a {display: block;height: 35px;line-height: 35px;background: url(../images/ml_2.gif) no-repeat left center;padding-left: 10px;}
.articlebox .rellist li a:hover {background: url(../images/ml_1.gif) no-repeat left center;color: #f60;}
/* relsite */.relsite {background: #fff;padding: 10px;}
.relsite h2 {border-bottom: solid 1px #e8e8e8;font-size: 14px;padding-bottom: 8px;}
.rellist {padding-top: 10px;}
.rellist li {display: inline;overflow: hidden;float: left;height: 115px;margin: 8px;text-align: center;width: 126px;}
.rellist li img {background: #fff;border: solid 1px #e8e8e8;padding: 2px;}
.rellist li strong {display: block;font-weight: normal;height: 25px;overflow: hidden;white-space: nowrap;}
.rellist li a {color: #009be2;}
/* comment */.comment {padding: 10px;}
.comment h2 {border-bottom: solid 1px #e8e8e8;font-size: 14px;padding-bottom: 8px;}
.comment-list {}
.comment-list li {padding: 10px 0 10px 0;position: relative;zoom: 1;min-height: 52px;}
.comment-gravatar {position: absolute;left: 0;top: 10px;width: 54px;height: 60px;text-align: center;}
.comment-title {background: #f2fbf2;color: #009be2;font-size: 14px;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;text-indent: 5px;white-space: nowrap;}
.comment-title time {color: #999;font-size: 12px;}
.comment-text {line-height: 25px;padding: 5px 0;}
.comment-reply {background: #fafef6;border: dotted 1px #c6e0af;line-height: 25px;margin: 5px 0;padding: 3px 8px;}
/* tagbox */.tagbox {border: solid 1px #E6E6E6;}
.tagbox h2 {background: #F7F7F7;border-bottom: solid 1px #E6E6E6;color: #009be2;font-size: 14px;padding: 6px;}
.tagbox ul {padding: 5px 0;}
.tagbox ul li {font: normal 12px Arial;list-style: inside circle;padding: 5px;padding-left: 15px;}
.tagbox ul li em {font-size: 10px;}
/* infoad */#infoad {background: #fff;border: solid 1px #e8e8e8;padding: 10px;text-align: center;}
/* catebox */.catebox {padding-bottom: 10px;}
.catebox h2 {font-size: 14px;}
.catebox h2 em {color: #aaa;font: normal 11px Arial;}
.catebox h2 a {color: #009be2;}
.catelist {padding-top: 5px;}
.catelist li {float: left;height: 25px;line-height: 25px;text-align: center;width: 110px;}
.catelist li em {color: #aaa;font: normal 11px Arial;}
.catelist-date li {height: auto;line-height: 25px;}
/* topsite */.topsite {border: solid 1px #E6E6E6;float: left;width: 360px;}
.topsite h2 {background: #F7F7F7;border-bottom: solid 1px #E6E6E6;color: #009be2;font-size: 14px;padding: 6px;}
.toplist {padding: 5px;}
.toplist li {overflow: hidden;padding: 5px 10px;white-space: nowrap;_width: 310px;}
.toplist li span {color: #f30;padding-right: 10px;}
.toplist li em {font: normal 12px Arial;}
.toplist li em a {color: #009be2;}
.toplist li a {color: #555;text-decoration: none;}
.toplist li a:hover {color: #f30;text-decoration: underline;}
/* apply */.subbox {background: #fff;border: solid 1px #e6e8eb;}
.subbox h2 {font-size: 14px;padding: 10px;}
.stepbox {margin: 0 auto;padding: 10px;}
.stepbox h2 {border-bottom: solid 1px #dadada;font: bold 14px normal;padding-bottom: 10px;}
.stepbox p {padding: 15px;}
.textbox {background: #ffe;border: solid 1px #f30;color: #009be2;line-height: 23px;margin-bottom: 10px;padding: 10px;}
.textbox p {color: #f00;}
.textbox h2 {color: #f00;font-size: 16px;}
.formbox {margin: 30px 0 10px 150px;}
.formbox li {display: block;padding: 3px;}
.formbox li strong {display: block;float: left;font-weight: normal;height: 25px;line-height: 25px;text-align: right;width: 90px;}
.formbox li p {float: left;padding-top: 0;}
.fipt {background: #fff url(../images/ipt.png);border: solid 1px #e8e8e8;font-size: 13px;padding: 6px;}
.fbtn {background: #009be2;border: 0;color: #fff;cursor: pointer;padding: 6px;}
/* resbox */.resbox {background: #f8fef4;border: solid 1px #690;line-height: 25px;margin: 10px;padding: 10px 15px;}
/* urlbox */.urlbox {margin: 10px;}
.urlbox h2 {float: left;padding-right: 30px;}
.urlbox ul {}
.urlbox ul li {float: left;padding: 5px 0;padding-right: 30px;}
.friendlinks {width: 998px;overflow: hidden;margin: 0 auto;border: 1px solid #E6E6E6;}
.friendlinks dt {height: 33px;line-height: 33px;overflow: hidden;background: #F7F7F7;border-bottom: 1px solid #EAEAEA;}
/* friendlinks */.friendlinks dt .tab-title {float: left;height: 33px;}
.friendlinks dt .tab-title span {display: block;font-weight: bold;float: left;font-size: 14px;width: 90px;background: url(../images/line.gif);text-align: center;color: #009be2;}
.friendlinks dt .tab-title a {display: block;width: 111px;text-align: center;float: left;}
.friendlinks dt .tab-title a.active {background: url(../images/tab-title-hover.gif) no-repeat;}
.friendlinks dt .more {float: right;}
.friendlinks dd {line-height: 2em;padding: 10px;}
.friendlinks dd .links {display: none;}
.friendlinks dd a {white-space: normal;display: inline-block;margin-right: 20px;}
/* footer */.footer-warp {width: 100%;padding: 30px 0;background: #EFEFEF;border-top: 1px solid #D9D9D9;}
.footer {text-align: center;}
.fmenu {color: #ccc;}
.fmenu a {color: #666;padding: 0 3px;text-decoration: none;}
.fmenu a:hover {text-decoration: underline;}
.fcopy {line-height: 23px;padding-top: 5px;}
/* muban */
.moban_info {padding: 15px 20px 5px 20px;border: 1px solid #E8E8E8;margin-bottom: 14px;}
.moban_info:hover {border: 1px solid #009BE2;}
.moban_info ul {}
.moban_info li { white-space:nowrap; word-break:break-all; background-image: url(../images/ios7list.gif);color: #8D9095;background-position: 0 center;background-repeat: no-repeat;display: block;padding-left: 25px;height: 34px;line-height: 34px;border-bottom: 1px solid #e1e1e1}
.moban_info li.last {border-bottom: 0px;}
.moban_info li span {background-color: #0079FF;color: #FFFFFF;border-radius: 8px;padding: 3px 8px;cursor: pointer;transition: top 0.1s linear 0s;box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2) inset;animation: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s normal none 1 mk_scale;opacity: 1;}
.moban_info li span:hover {background-color: #0370ea;}
.moban_info h1,.moban_info strong{color: #f60; display:inline-block; }
.moban_info a:hover{text-decoration:none;}
.moban_left {float: left;width: 380px;}
.moban_right {float: right;width: 300px;margin: 7px 0px;}
.moban_right  img { width:300px;}
/* self */
.theme-ad{border:1px solid #E6E6E6; padding:10px; line-height:1.6em; text-indent:28px; color:red;}
.h50{height:50px;}
.h100{height:100px;}

.comment-box{ width:718px; padding:10px; border-top:1px solid #E8E8E8; overflow:hidden;}
.comment-box dt{ padding:10px 0; overflow:hidden; font-weight:bold;}
.comment-box form{overflow:hidden; width:718px; height:215px;}
.comment-box form label{display:block; overflow:hidden; clear:both; width:100%; height:30px; line-height:30px;}
.comment-box form p{overflow:hidden; width:100%; height:35px; padding:0; overflow:hidden; float:left;}
.comment-box form p input{overflow:hidden; width:200px; height:30px; border:1px solid #E8E8E8; padding:0; overflow:hidden; }
.comment-box form textarea{width:700px; padding:5px; border:1px solid #E8E8E8; height:78px; overflow:hidden; float:left;}
.comment-box form div{width:712px; background:#F7F7F7; height:30px; font-size:14px; line-height:30px; float:left;}
.comment-box form div button{ border:none; background:#009BE2; color:#fff; width:80px; height:30px; line-height:30px; cursor:pointer; float:right;}
.comment-box form div p{ width:auto; hanging-punctuation:start; padding-left:8px; margin-bottom:0;}
.comment-box form div p span{color:#f60;}
.comment-box .comment-list{ width:100%; overflow:hidden;}
.comment-box .comment-list span{ padding-right:5px; font-size:14px; color:#ccc;}
.comment-box .comment-list strong{ padding:0 5px;}
.star0,
.star1,
.star2,
.star3,
.star4,
.star5{ display:inline-block; width:65px; height:12px; overflow:hidden; background-image:url(../images/star.png); background-repeat:no-repeat; background-position: 0 0;}
.star1{background-position: 0 -12px;}
.star2{background-position: 0 -24px;}
.star3{background-position: 0 -36px;}
.star4{background-position: 0 -48px;}
.star5{background-position: 0 -60px;}
.star0 em,
.star1 em,
.star2 em,
.star3 em,
.star4 em,
.star5 em{ display:inline-block; float:left; width:13px; height:12px; overflow:hidden;}

.left{width:200px; overflow:hidden; float:left; background:#fff;}
.left dl{width:100%; overflow:hidden;}
.left dt{width:100%; height:35px; background:#009BE2;}
.left dt h2{ color:#fff; font-size:15px; height:35px; line-height:35px; background:url(../images/icon-title.jpg) no-repeat 5px center; padding-left:25px; font-weight:bold;}
.left dd{border:1px solid #ddd;  padding-bottom:30px;}
.left dd ul{width:135px; overflow:hidden; padding:10px 0; margin:0 auto;}
.left dd li{width:100%; height:39px; border-bottom:1px solid #ddd;}
.left dd li a{ display:block; width:100%; height:39px; line-height:39px; text-align:center; background:url(../images/icon-menu.gif) no-repeat 5px center;}
.left dd li a.active{color:#f00;}

.right{width:760px; overflow:hidden; background: #fff;border: solid 1px #e8e8e8;border-top: solid 2px #009be2;padding: 15px 10px; float:right; line-height:1.8em;}
.right .breadcrumb{ height:30px; width:100%; border-bottom:1px solid #ddd;}
.right p{padding-bottom:20px;}

.guestbook-content{width:950px; overflow:hidden; padding:10px; margin:0 auto; background:#fff;}
.guestbook-form{padding:20px; overflow:hidden;}
.guestbook-form ul{}
.guestbook-form li{width:100%; padding:8px 0; overflow:hidden; clear:both;}
.guestbook-form li .col01{width:180px;  line-height:40px; float:left; text-align:right;}
.guestbook-form li .col02{width:500px; margin-left:110px; overflow:hidden;}
.guestbook-form li input{width:380px; height:28px; line-height:28px; padding:5px; border:1px solid #D5D5D5;}
.guestbook-form li textarea{width:380px; padding:5px; border:none; height:80px; overflow:hidden;  border:1px solid #D5D5D5;}
.guestbook-form li button{width:390px; height:40px; line-height:40px; background:#009BE2; color:#fff; text-align:center; border:none; cursor:pointer; font-size:18px;}
.guestbook-form li.btn{width:auto; height:auto; background:none;}
.guestbook-form li.btn button{width:100px; height:40px; line-height:40px; background:#009BE2; color:#fff; text-align:center; border:none; cursor:pointer; font-size:18px;}
.guestbook-form li .error{color:#f00;}
.guestbook-form li label{ display:block; clear:both;}

.msgbox {border: solid 3px #5c97de; margin:50px auto 0px auto; width: 450px;}
.msgbox a {color: #5c97de; text-decoration: none;}
.msgbox a:hover {color: #f30; text-decoration: underline;}
.msgbox .title {background: #5c97de; color: #fff; font: bold 12px normal; padding: 7px;}
.msgbox .content {background: #fff; color: #f30; padding: 15px 10px;}
.msgbox .link {background: #f9f9f9; border-top: solid 1px #e8e8e8; color: #5c97de; line-height: 20px; padding: 3px; text-align: center;}

.instat-list{overflow: hidden; width:248px; border: 1px solid #E6E6E6;}
.instat-list h2 {background: #F7F7F7;border-bottom: solid 1px #EAEAEA;color: #009be2;font-size: 14px;padding: 6px;}
.instat-list ul {overflow: hidden;}
.instat-list ul li {height: 35px;line-height: 35px;padding: 0 10px;border-bottom: 1px solid #EAEAEA;}
.instat-list ul li.last {border-bottom: none;}
.instat-list ul li a {display: block;width:100%; height: 35px;line-height: 35px; float:left; overflow:hidden; text-wrap:normal; white-space:nowrap;  text-overflow:ellipsis;}
.instat-list ul li a:hover {color: #f60;}
.instat-list ul li span {color: #f60;}

/*member*/
.member-sigup{width:1020px; padding:80px; background:#fff; margin:0 auto; overflow:hidden;}
.member-sigup .left{width:660px; overflow:hidden; float:left;}
.member-sigup .right{width:300px; line-height:1.8em; text-align:center; padding:80px 0 180px 0; overflow:hidden; float:right; background:#FCFCFC;}
.member-sigup h2{ background:url(../images/line-gary.gif) repeat-x left bottom; padding-bottom:18px;}
.member-sigup form{}
.member-sigup form ul{ padding-top:18px; overflow:hidden;}
.member-sigup form li{width:100%; padding:8px 0; overflow:hidden; clear:both;}
.member-sigup form .td01{width:100px;  line-height:40px; float:left; text-align:right;}
.member-sigup form .td02{width:500px; margin-left:110px; overflow:hidden;}
.member-sigup form input{width:380px; height:28px; line-height:28px; padding:5px; border:1px solid #D5D5D5;}
.member-sigup form button{width:390px; height:40px; line-height:40px; background:#009BE2; color:#fff; text-align:center; border:none; cursor:pointer; font-size:18px;}
.member-sigup .right a{color:#009BD4;}
.member-sigup .right p{ padding-top:18px; overflow:hidden;}

.main-user{width:1000px; overflow:hidden; margin:0 auto; clear:both;}
.main-user-left{width:200px; min-height:520px; border:1px solid #ECECEC; float:left; background:#fff;}
.main-user-left li{width:100%; height:40px; border-bottom:1px solid #ECECEC; text-align:center;}
.main-user-left li.head{width:100%; height:50px; line-height:50px; font-size:24px; background:#009BE2; color:#fff; text-align:center;}
.main-user-left li a{display:block; height:40px; line-height:40px; color:#000; font-size:16px;}
.main-user-left li a.active{background:#F9F9F9;}
.main-user-right{width:710px; min-height:485px; padding:35px; padding-top:0; border:1px solid #ECECEC; float:right; overflow:hidden; background:#fff;}
.main-user-right form{}
.main-user-right form ul{ padding-top:18px; overflow:hidden;}
.main-user-right form li{width:100%; padding:8px 0; overflow:hidden; clear:both;}
.main-user-right form .td01{width:100px;  line-height:40px; float:left; text-align:right;}
.main-user-right form .td02{width:500px; margin-left:110px; overflow:hidden;}
.main-user-right form input{width:380px; height:28px; line-height:28px; padding:5px; border:1px solid #D5D5D5;}
.main-user-right form button{width:390px; height:40px; line-height:40px; background:#009BE2; color:#fff; text-align:center; border:none; cursor:pointer; font-size:18px;}

.user-title{height:70px; line-height:70px; border-bottom:1px solid #E0E0E0; font-size:24px; font-weight:normal; color:#2C2C2C;}
.user-title a{ font-size:14px; color:#009BE2; display:inline-block; width:auto; height:auto; line-height:100%; border-radius:3px; padding:3px;}
.user-title a.active{ font-size:14px; background:#009BE2; color:#fff;}
.user-title .pan{display:inline-block; width:83px; height:33px; line-height:33px; color:#fff; float:right; position:relative; margin-top:23px; font-size:16px; background:#FF2A9C url(../images/icon-pan.png) no-repeat 10px center; padding-left:30px;}
.user-table{color:#a0a0a0; background:#fff; width:100%;}
.user-table td{background:#FCFCFC; padding:8px 15px;}
.user-table span{color:#000;}

.user-base{ padding-top:28px; overflow:hidden;}
.user-base dt{width:60px; height:60px; overflow:hidden; float:left;}
.user-base dt img{width:60px; height:60px; border-radius:30px;}
.user-base dd{ margin-left:20px; overflow:hidden;}
.user-base dd h2{color:#000; font-size:20px;}
.user-base dd p{ color:#a0a0a0; padding-top:12px; font-size:14px;}

.member-sitelist{padding:0;}
.member-sitelist li{border:none;}
.member-sitelist .message{overflow:hidden; height:auto; border-bottom:1px solid #DADADA; padding-top:0;}
.member-sitelist .wait{ background:#DADADA; color:#000; display:inline-block; padding:3px 5px; border-radius:3px;}
.member-sitelist .pass{ background:#C70017; color:#fff; display:inline-block; padding:3px 5px; border-radius:3px;}
.member-sitelist .resubmit{ background:#19A25F; color:#fff; display:inline-block; padding:3px 5px; border-radius:3px;}
.member-sitelist .resubmit:hover{text-decoration:none; background:#8DD840;}
.member-sitelist .del{ background:#F39A07; color:#fff; display:inline-block; padding:3px 5px; border-radius:3px;}
.member-sitelist .del:hover{text-decoration:none; background:#FFE401;}
.member-sitelist .money{ background:#0079C2; color:#fff; display:inline-block; padding:3px 5px; border-radius:3px;}
.member-sitelist .money:hover{text-decoration:none; background:#009be2;}

.prev-next{ font-weight:bold; padding:0 10px; line-height:2em;}
.prev-next a{ font-weight:normal; border-bottom:1px dotted #ddd; color:#666;}
.prev-next a:hover{ color:#f00;}

.serial-table{overflow:hidden; background:#F6F6F6;}
.serial-table th{ background:#F6F6F6; padding:5px;}
.serial-table td{ background:#fff; padding:5px;}
.serial-table td a{color:#f60;}
.serial-table td.manage a{display:inline-block; height:26px; line-height:26px; padding:0 8px; font-size:12px; background:#f60; color:#fff; border-radius:3px;}
.serial-table td.manage a:hover{text-decoration:none;}

#popup_container {font-family: Arial, sans-serif; font-size: 14px; min-width: 360px; /* Dialog will be no smaller than this */ _width:360px;  max-width: 600px; /* Dialog will wrap after this width */ background: #fff; border: solid 1px #009BE2; color: #000;}
#popup_title {font-weight: bold; text-align:left; font-size:14px; line-height: 28px; height:28px; color: #fff; background:#009BE2; border-bottom: solid 1px #009BE2; cursor: default; padding:0 8px; margin: 0em;}
#popup_close{position:absolute;right:7px;top:4px;width:16px;height:16px;background:url(../alert/close.gif) no-repeat left top;cursor:pointer;}
#popup_content {background: 16px 16px no-repeat; padding: 20px 14px 10px 14px; margin: 0em;}
#popup_container .alert {}
#popup_container .confirm {background-image: url(../alert/important.gif); background-position: 20px 14px}
#popup_container .prompt {background-image: url(../alert/help.gif); background-position: 20px 14px}
#popup_message {}
#popup_message .payquick-ul li{ padding:3px 0; overflow:hidden; font-size:14px;}
#popup_message .payquick-ul a{margin:0 auto; float:none;}

#popup_panel {text-align: right; margin: 1em 0em 0em 1em; padding-top:10px}
#popup_ok,#popup_cancel{display:inline-block; height:26px; line-height:26px; padding:0 8px; font-size:14px; background:#f60; color:#fff; border:none;}
#popup_prompt {margin: .5em 0em;}
#popup_content.openBox{padding:14px;background:none; }.openBox #popup_message{padding:0;overflow:auto;}
#over_container{min-width: 300px; /* Dialog will be no smaller than this */background:#DDEDFB;border:1px solid #0099CC;color: #000;}
#over_message{text-align:center; padding:10px 20px;}
#over_container.over_3{background:#FFF2F2;border:1px solid #FF8080;}

#payquick-box{display:none;}
